document.write(`
<footer id="footer">
   <div class="container">
      <div class="row">
         <div class="col-lg-3 col-md-6">
            <div class="footer_links">
               <style>
                  .avatar3 {
                     vertical-align: middle;
                     width: 200px;
                     height: 200px;
                     border-radius: 25%;
                  }
               </style>
               <img src="images/my_foto_1.jpg" alt="Avatar3" class="avatar3">
               <!-- <h3>Idrak Asadbayli</h3> -->
            </div>
         </div>
         <div class="col-lg-4 col-md-6">
            <div class="footer_links">
               <h3>Basic info</h3>
               <ul class="contact_information">
                  <li><span><img src="images/location_icon.png" alt="#" /></span><span class="text_cont">Nariman Narimanov Baku Azerbaijan</span></li>
                  <li><span><img src="images/phone_icon.png" alt="#" /></span><span class="text_cont">+994 70 911 71 34</span></li>
                  <li><span><img src="images/mail_icon.png" alt="#" /></span><span class="text_cont"><a
                           href="mailto: esedbeyliidrak20@gmail.com">esedbeyliidrak20@gmail.com</a>
                        <br><a href="mailto: esedbeyliidrak@gmail.com">esedbeyliidrak@gmail.com</a></span></li>

               </ul>
            </div>
         </div>


         <div class="col-lg-3 col-md-6">
            <div class="footer_links">
               <h3>Quick link</h3>
               <ul>
                  <li><a href="index.html"><i class="fa fa-angle-right" aria-hidden="true"></i> Home</a></li>
                  <li><a href="about.html"><i class="fa fa-angle-right" aria-hidden="true"></i> About me</a></li>
                  <li><a href="recommendation.html"><i class="fa fa-angle-right" aria-hidden="true"></i>Recommendation</a></li>
                  <li><a href="proje.html"><i class="fa fa-angle-right" aria-hidden="true"></i> My projects</a></li>
                  <!--<li><a href="test.html"><i class="fa fa-angle-right" aria-hidden="true"></i> Programming test</a></li>-->
                  <li><a href="blog.html"><i class="fa fa-angle-right" aria-hidden="true"></i> Blog</a></li>
                  

               </ul>
            </div>
         </div>
         <div class="col-lg-2 col-md-6">
            <div class="footer_links">
               <h3>Social<br />network</h3>
               <ul class="social_icon">

                  <li><a href="https://www.facebook.com/profile.php?id=100002723564256" target="_blank"><i
                           class="fa fa-facebook"></i></a></li>
                  <li><a href="https://www.linkedin.com/in/idrak-asadbayli/" target="_blank"><i
                           class="fa fa-linkedin"></i></a></li>
                  <li><a href="https://www.youtube.com/channel/UC7cGWKvy9mE7booiVtv7p8Q" target="_blank"><i
                           class="fa fa-youtube"></i></a></li>
                  

               </ul>
            </div>
         </div>

      </div>
   </div>
</footer>
<div class="cpy">
   <!-- <div class="container"> -->
   <div class="row">
      <div class="col-md-12">
         <p>2022 Idrak Asadbayli by <a href="https://html.design/">Portfile</a></p>
         <!-- </div> -->
      </div>
   </div>
</div>
`)